import styled from 'styled-components'

export const HNLricPannelWrap = styled.div `
  width: 425px;
  overflow: scroll;
  ::-webkit-scrollbar {
    width: 6px; 
    height: 0px;
    background: #000;
    z-index: 99;
    opacity: .5;
  }
  ::-webkit-scrollbar-thumb{
    cursor: pointer;
    background: rgba(66,66,65,0.8);
    border: 1px solid rgba(106,106,106,0.8);
    width: 4px;
    border-radius: 5px;
  }
`

export const HNLricPannelContent = styled.div `
  margin: 20px 0;
  .lyric-item{
    height: 32px;
    line-height:32px;
    text-align: center;
    color: #989898;
  }
  .active{
    font-size:14px;
    color: #FFFFFF;
  }
`